<template>
	<div class="note-main-container">

		<div id="nTalk_post_hiddenElement" style="left: -10px; top: -10px; visibility: hidden; display: none; width: 1px; height: 1px;"></div>

		<header id="navigator">
			<div class="container-fluid navbar nav-container">
				<div class="row">
					<div class="brand">
						<a href="https://www.rishiqing.com/app/todo" style="cursor: pointer;">
							<img src="" height="32">
						</a>
					</div>
					<div class="col-sm-9">
						<div class="search-container">
							<el-input placeholder="搜索" icon="search" v-model="search">
							</el-input>
						</div>
						<ul class="nav nav-pills">
							<li class="nav-item  trigger-inside-modal-close" data-type="todo">
								<router-link to="task" tag="a" class="nav-link type-body2-black">任务</router-link>
							</li>
							<li class="nav-item active trigger-inside-modal-close" data-type="doc">
								<a class="nav-link type-body2-black">总结</a>
							</li>
							<li class="nav-item  trigger-inside-modal-close" data-type="company">
								<router-link to="market" tag="a" class="nav-link type-body2-black">市场</router-link>
							</li>
							<li class="nav-item  trigger-inside-modal-close" data-type="company">
								<a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/company">群组</a>
							</li>
						</ul>
					</div>
					<div class="nav-right">
						<img class="vip vip-btn tooltipstered" src="../../../static/z39pc/images/personalCrowdfunding.a5b2f974a9.png" alt="vip" data-toggle="tooltip">
						<span class="btn hidden hack-pay"></span>
						<span class="btn pay-page-btn hidden"></span>
						<span class="alertRingBtn" style="display: none"></span>
						<div class="user-profile type-body2-black dropdown">
							<div class="dropdown-toggle" data-toggle="dropdown">
								<img class="avatar" src="../../../static/z39pc/images/avatar.png" alt="">
								<span class="name">姜禄建</span>
							</div>
							<ul class="userSettings dropdown-menu dropdown-menu-right">
								<li>
									<a href="javascript:;" class="dropdown-item personalSettingBtn">个人设置</a>
								</li>

								<li class="dropdown-item version" data-auto-close="false">版本 v6.15.74</li>
								<li class="dropdown-divider"></li>
								<li>
									<a href="https://www.rishiqing.com/task/logout/index" data-bypass="" class="dropdown-item">退出</a>
								</li>
							</ul>
						</div>
						<ul class="menu-list">
							<li class="showNotifications popover-toggle"><i class="icon-notifications"></i><span class="unRead-mesage-num" style="display: none;"></span></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<div class="member">
			<div class="float-l font-13">同事：</div>
			<ul class="li-float float-l">
				<li>同事 A</li>
				<li class="active">同事 B</li>
				<li>同事 C</li>
				<li>同事 D</li>
			</ul>
		</div>
		<div id="mainContent" style="background: none;">
			<div class="kanban-view">
				<div class="container-left-content">
					<div id="datePicker">
						<el-date-picker v-model="dateMonth" type="month" placeholder="选择月">
						</el-date-picker>
					</div>
					<div class="paper-list">
						<ul>
							<li>月报-七月</li>
							<li>周报-第一周</li>
							<li>周报-第二周</li>
							<li>周报-第三周</li>
							<li>周报-第四周</li>
							<li>30号-文章A</li>
							<li>29号-文章B</li>
						</ul>
					</div>
				</div>
				<div class="container-right">
					<div id="app">
						<iframe src="./static/views/docuteContainer.html" style="height:100%;width:100%" frameborder="0"></iframe>
					</div>
					<!--<docute-container></docute-container>-->
				</div>
			</div>
		</div>

	</div>
</template>

<script>
//	import docuteContainer from '../../components/docuteContainer.vue';
	import '../../../static/z39pc/js/jquery-2.1.0.js'
	import {
		mapState,
		mapActions
	} from 'vuex'
	var initPage=function(){
		$('body').css({
			'height':'100%',
			'overflow':'hidden'
		})
	}
	export default {
//		components: {
//			'docute-container': docuteContainer
//		},
		data() {
			return {
				search: '',
				dateMonth: new Date()
			}
		},
		computed: {
			...mapState({
				uid: state => state.vux.uid,
				noteInit: state => state.z39.noteInit,
			})
		},
		methods: {

		},
		mounted() {
//			let docute = require('docute')
//			if(this.noteInit==false){
//				docute.init({
//					url: './static/z39pc/files/'
//				})
//				this.$store.commit({ type: "z39/changeNoteInit"});
//			}
			initPage();
		}
	}
</script>
<style>
	@import "../../../static/z39pc/css/noteMain.css";
	@import "../../../static/z39pc/css/docute.css";
	@import "../../../static/z39pc/css/mycss/note.css";
</style>